
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>我的预约-老师上门</title>
    <link rel="stylesheet" href="__PUBLIC__/mobile/css/public.css">
    <link rel="stylesheet" href="__PUBLIC__/mobile/css/fenlei.css">
    <link rel="stylesheet" href="__PUBLIC__/mobile/css/index.css">
    <link rel="stylesheet" href="__PUBLIC__/mobile/css/user.css">

    <link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="__PUBLIC__/layui.js"></script>

    <script type="text/javascript" src="__PUBLIC__/mobile/js/jquery-1.8.3.min.js"></script>

    <style type="text/css">
        .mt84 {
    margin-top: 44px;
}

.p_st_edit {
    color: #fff;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #5298d9;
    float: right;
    font-size: 10px;
    padding: 0 5px;}


    </style>
</head>
<body>
<div id="page" class="showpage">
    <!-- 顶部导航及筛选start -->
    <header>
      <div class="tab_nav">
        <div class="header">
          <div class="h-left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"></a></div>
          <div class="h-mid">我的预约</div>
        </div>
      </div>
      </header>
    <!-- 顶部导航及筛选end -->



    <!-- 老师列表start -->
    <section class="hots bortn"> 
       <div class="ui-refresh"> 
        <div id="data-list">
        <?php foreach ($yuyues as $y) { ?>
        <a href="{:U('mobile/index/ls_one',array('id'=>$y['ls_uid'],'newcity'=>$city))}"> 
          <dl> 
            <dt> 
            <ins class="img-container"><img src="__ROOT__{$y.face}" alt="" height="32" width="32"></ins> 
            </dt> 
           <dd class="dd-l"> 
              <strong class="t-name"><?php echo mb_substr($y['sfz_name'], 0,1,'UTF-8').'老师' ?><i></i></strong>

              <?php if ($y['is_laoshi_on']==1) { ?>
                  <span class="t-pingjia">老师已接受,保持手机畅通</span>
              <?php }else { ?> 
                  <span class="t-pingjia">等待老师接受</span>
              <?php } ?>

              <p class="t-brief" style="padding-left: 0px;">
                <span style="background:url('__PUBLIC__/mobile/images/yuyuedate.png');"></span>{$y.date} {$y.time}
              </p> 
              <!-- <p class="tagadd" style="position: relative;padding-left: 18px;">
              <span class="yuyueadd"></span>{$y.city_quyu}
              </p>  -->
              <p class="t-tag"><span>预约号:{$y.id}</span>{$y.city_quyu}-{$y.grade}{$y.subject} </p> 
           </dd> 
             <a title="取消预约" href="javascript:;" class="button_f90" onclick="commemt_del(this,'{$y['id']}')" >取消预约</a>                                                                
          </dl> 
        </a>  
        <?php } ?>      
        </div> 
       </div> 
      </section>
    <!-- 老师列表end -->

  
</div>


<!-- 底部导航 -->
		<div class="v_nav">
			<div class="vf_nav">
        <ul>
          <li> <a href="{:U('mobile/index/index',array('newcity'=>$city))}"><i class="vf_1"></i>
              <span>首页</span></a>
          </li>
          <li><a href="{:U('mobile/classes/index',array('newcity'=>$city))}"><i class="vf_2"></i>
              <span>课程列表</span></a>
          </li>
          <li><a href="tel:18902491208"><i class="vf_3"></i>
              <span>咨询顾问</span></a>
          </li>
          <li><a href="{:U('mobile/index/index',array('newcity'=>$city))}"><i class="vf_4"></i>
              <span>为您推荐</span></a>
          </li>

          <li><a href="{:U('mobile/info/is_home',array('newcity'=>$city))}"><i class="vf_5"></i>
              <span>个人中心</span></a>
          </li>
        </ul>
			</div>
		</div>
		
<script>
  layui.use(['element','laypage','layer','form'], function(){
      $ = layui.jquery;//jquery
    lement = layui.element();//面包导航
    laypage = layui.laypage;//分页
    layer = layui.layer;//弹出层
    form = layui.form();//弹出层

  })

  /*删除*/
  function commemt_del(obj,id){
      layer.confirm('确认要取消吗？',function(index){
          //发异步删除数据
          id = id;
          $.ajax({
              url: "{:U('mobile/info/jz_order_del')}",//请求地址
              type: "post",//请求方式
              dataType: "json",//返回数据类型
              data: {id:id},//发送的参数
              })
              .done(function(response) {
                    if(response.error==1){
                      layer.msg(response.info ,{icon:6});
                      location.reload();
                    }else{
                      layer.msg(response.info ,{icon:5});
                    }
                })
              .fail(function() {
                  alert("ajxs交互失败");
              })  
          return false;
      });
  }
</script>

<style>
  .hots .t-brief {
    position: relative;
    padding-left: 18px;
}
  .hots .t-brief span{
    background: url('__PUBLIC__/mobile/images/yuyuedate.png');
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
  }  
  .yuyueadd{
    background: url('__PUBLIC__/mobile/images/yuyueadd.png');
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
  }
  .button_f90{
    margin: 3px 2%;
  }
  .showpage{
    margin-bottom: 50px;
  }
.caozuo {
    width: 100%;
    height: 32px;
    position: relative;
    margin-top: 10px;
}
.fenlan{
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.hots .t-pingjia {
    position: absolute;
    right: 10px;
    top: 12px;
}.hots dl {
    position: relative;
}
.tagadd{
    color: #333333;
    font-size: 12px;
}
</style>
</body>
</html>